﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>多编辑器示例</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="Stylesheet" href="demo.css" />
    <link type="text/css" rel="stylesheet" href="WordPaster/js/skygqbox.css" />
    <script type="text/javascript" src="WordPaster/js/jquery-1.4.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="WordPaster/js/skygqbox.js" charset="utf-8"></script>
    <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
    <script type="text/javascript" src="WordPaster/js/w.js" charset="utf-8"></script>
	<script type="text/javascript" src="zyCapture/z.js" charset="utf-8"></script>
    <script type="text/javascript" src="zyOffice/js/o.js" charset="utf-8"></script>
    <script type="text/javascript" src="demo.js" charset="utf-8"></script>
</head>
<body>
	<div style=" font-size:medium; line-height:130%;">
		演示方法：<br />1.打开Word文档，复制多张图片，然后在编辑器中按 Ctrl+V 粘贴，编辑器将自动上传所有图片。<br/>
		2.复制电脑中任意图片文件，然后点击编辑器中的图片粘贴按钮。<br/>
		3.通过QQ或其它软件截屏，复制图片，然后点击编辑器中的图片粘贴按钮。<br />		
	</div>
    <ul>
        <li>安装插件<a target="_blank" href="http://www.ncmem.com/webapp/wordpaster/pack.aspx">下载插件</a></li>
        <li>WindowxXP/Windows7/Windows2003如果无法识别数字证书，请先下安装<a target="_blank" href="http://www.ncmem.com/download/WoSignRootUpdate.rar">数字签名根证书</a></li>
    </ul>
    <div id="demos"></div>    
	<textarea id="txtContent1" name="txtContent1" cols="1" rows="1"></textarea>
	<textarea id="txtContent" name="txtContent" cols="1" rows="1"></textarea>
	<!--创建FCKEditor控件-->
	<script language="javascript" type="text/javascript">
        var pos = window.location.href.lastIndexOf("/");
        var api = [
            window.location.href.substr(0, pos + 1),
            "asp.net/upload.aspx"
        ].join("");
        WordPaster.getInstance({
            //上传接口：http://www.ncmem.com/doc/view.aspx?id=d88b60a2b0204af1ba62fa66288203ed
            PostUrl: api,
            //为图片地址增加域名：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
            ImageUrl: "",
            //设置文件字段名称：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45
            FileFieldName: "file",
            //提取图片地址：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
            ImageMatch: '',
            event:{
				dataReady:function(e){
					//e.word,
					//e.imgs:tag1,tag2,tag3
					console.log(e.imgs)
				}
			}
        });//加载控件
		
		//zyCapture
        zyCapture.getInstance({
            config: {
                PostUrl: api,
				FileFieldName: "file",
                Fields: { uname: "test" }
            }
        });

		//zyoffice
		//使用前请在服务端部署zyOffice，
		//http://www.ncmem.com/doc/view.aspx?id=82170058de824b5c86e2e666e5be319c
		zyOffice.getInstance({
			word:"http://localhost:13710/zyoffice/word/convert",
			wordExport:"http://localhost:13710/zyoffice/word/export",
			pdf:"http://localhost:13710/zyoffice/pdf/upload"
		});

		var oFCKeditor = new FCKeditor('txtContent');
		oFCKeditor.BasePath = "fckeditor/";
		//oFCKeditor.ToolbarSet = "Basic";
		oFCKeditor.Height = 300;
		oFCKeditor.Value = '';
		oFCKeditor.ReplaceTextarea();

		var editor1 = new FCKeditor('txtContent1');
		editor1.BasePath = "fckeditor/";
		//oFCKeditor.ToolbarSet = "Basic";
		editor1.Height = 300;
	    oFCKeditor.Value = '<p>泽优全平台内容发布解决方案 for asp.net fckeditor2</p><p>泽优Word一键粘贴控件（WordPaster）</p><p>泽优全平台截屏控件（zyCapture）</p><p>泽优Office文档转换服务（zyOffice）</p>';
		editor1.ReplaceTextarea();

		//初始化编辑器
		function FCKeditor_OnComplete(editorInstance)
		{
            WordPaster.getInstance().SetEditor(editorInstance);
			window.zyCapture.setEditor(editorInstance);
			window.zyOffice.SetEditor(editorInstance);
			editorInstance.Events.AttachEvent( 'OnFocus', FCKeditor_OnFocus ) ;//挂载编辑器激活事件
		}
		
		function FCKeditor_OnFocus( editorInstance )
		{
            WordPaster.getInstance().SetEditor(editorInstance);//设置当前拥有焦点的编辑器
			window.zyCapture.setEditor(editorInstance);
			window.zyOffice.SetEditor(editorInstance);
		}
	</script>
</body>
</html>